<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/demo.css" rel="stylesheet">
</head>
<body>

<script src="js/vue.js"></script>

<script src="js/axios.min.js"></script>


<div id="main">

    <div id="front_tabs">
        <div class="container">
            <div class="tabs_wrapper tabs1_wrapper">
                <div class="tabs tabs1 ui-tabs ui-widget ui-widget-content ui-corner-all">

                    <div class="tabs_content tabs1_content">

                        <div id="tabs-1" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>出发地:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 50%" tabindex="1" aria-hidden="true">
                                                    <option value="1">重庆</option>
                                                    <option value="2">北京</option>
                                                    <option value="3">成都</option>
                                                    <option value="4">深圳</option>
                                                </select><span class="select2 select2-container select2-container--default select2-container--below select2-container--focus select2-container--open" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="true" tabindex="0" aria-labelledby="select2-cg0v-container" aria-owns="select2-cg0v-results" aria-activedescendant="select2-cg0v-result-xkd4-8"><span class="select2-selection__rendered" id="select2-cg0v-container" title="Alaska">Alaska</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>目的地:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select  " style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">重庆</option>
                                                    <option value="2">北京</option>
                                                    <option value="3">成都</option>
                                                    <option value="4">深圳</option>

                                                </select><span class="select2 select2-container select2-container--default select2-container--below" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-xq8x-container"><span class="select2-selection__rendered" id="select2-xq8x-container" title="Bermuda">Bermuda</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>出发时间：</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="Mm/Dd/Yy" id="dp1656142082832">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>返回时间：</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="Mm/Dd/Yy" id="dp1656142082833">
                                            </div>
                                        </div>
                                    </div>
<!--                                    <div class="col-sm-4 col-md-1">-->
<!--                                        <div class="select1_wrapper">-->
<!--                                            <label>Adult:</label>-->
<!--                                            <div class="select1_inner">-->
<!--                                                <select class="select2 select select3 select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">-->
<!--                                                    <option value="1">1</option>-->
<!--                                                    <option value="2">2</option>-->
<!--                                                    <option value="3">3</option>-->
<!--                                                    <option value="4">4</option>-->

<!--                                                </select><span class="select2 select2-container select2-container&#45;&#45;default select2-container&#45;&#45;below" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection&#45;&#45;single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-f3mr-container"><span class="select2-selection__rendered" id="select2-f3mr-container" title="1">1</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-sm-4 col-md-1">-->
<!--                                        <div class="select1_wrapper">-->
<!--                                            <label>Child:</label>-->
<!--                                            <div class="select1_inner">-->
<!--                                                <select class="select2 select select3 select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">-->
<!--                                                    <option value="1">1</option>-->
<!--                                                    <option value="2">2</option>-->
<!--                                                    <option value="3">3</option>-->
<!--                                                    <option value="4">4</option>-->

<!--                                                </select><span class="select2 select2-container select2-container&#45;&#45;default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection&#45;&#45;single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-84rn-container"><span class="select2-selection__rendered" id="select2-84rn-container" title="1">1</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">Search</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div id="tabs-3" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom tab-hidden" role="tabpanel" aria-hidden="true" style="display: none;">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>Country:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">Please Select</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-wys4-container"><span class="select2-selection__rendered" id="select2-wys4-container" title="Please Select">Please Select</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>City:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">Please Select</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-hsvg-container"><span class="select2-selection__rendered" id="select2-hsvg-container" title="Please Select">Please Select</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>Location:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">Please Select</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-x7dw-container"><span class="select2-selection__rendered" id="select2-x7dw-container" title="Please Select">Please Select</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>Pick up Date:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="Mm/Dd/Yy" id="dp1656142082836">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>Drop off Date:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="Mm/Dd/Yy" id="dp1656142082837">
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">Search</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div id="tabs-4" aria-labelledby="ui-id-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom tab-hidden" role="tabpanel" aria-hidden="true" style="display: none;">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>Sail To:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">All destinations</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-bl0u-container"><span class="select2-selection__rendered" id="select2-bl0u-container" title="All destinations">All destinations</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>Sail From:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">All ports</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-tlll-container"><span class="select2-selection__rendered" id="select2-tlll-container" title="All ports">All ports</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>Start Date:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="From any month" id="dp1656142082838">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>End of Date:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker hasDatepicker" value="To any month" id="dp1656142082839">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>Cruise Ship:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select select2-hidden-accessible" style="width: 100%" tabindex="-1" aria-hidden="true">
                                                    <option value="1">All Ships</option>
                                                    <option value="2">Alaska</option>
                                                    <option value="3">Bahamas</option>
                                                    <option value="4">Bermuda</option>
                                                    <option value="5">Canada</option>
                                                    <option value="6">Caribbean</option>
                                                    <option value="7">Europe</option>
                                                    <option value="8">Hawaii</option>
                                                </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-tinh-container"><span class="select2-selection__rendered" id="select2-tinh-container" title="All Ships">All Ships</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">Search</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
</body>
</html>